<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人力资源管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="backstageCSSandJS/css/font.css">
    <link rel="stylesheet" href="backstageCSSandJS/css/xadmin.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
    <!-- <link rel="stylesheet" href="layuipage/css/layui.css" >
    <script src="layuipage/layui.js"></script> -->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
    <script src="backstageCSSandJS/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="backstageCSSandJS/js/xadmin.js"></script>

</head>

<!-- 
<script >
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer; 
  
  //完整功能
  laypage.render({     
    elem: 'pageDiv'   //指存放分页的容器,pageDiv是一个层的div
    ,count: ${requestScope.pageData.totalCount==null?0:requestScope.pageData.totalCount}  			//数据总数，一般通过服务端得到
    ,curr:${requestScope.pageData.page==null?1:requestScope.pageData.page}				//当前页
    ,limit:${requestScope.pageData.pageSize==null?10:requestScope.pageData.pageSize} 	//每页的记录数
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']		//自定义排版
    ,jump: function(obj,first){ 		//切换分页的回调  obj （当前分页的所有的选项值） first（是否首次，一般用于初始加载判断）
      console.log(obj);
      console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
  	  console.log(obj.limit); //得到每页显示的条数
      if(!first){
    	  //跳页的基本请求 
    	  location.href="ns.do?op1=filesminsel&page="+obj.curr+"&pageSize="+obj.limit+"&strLike"+$("#searchlike").val();
    	  //每次知道page的值是多少 
      }
    }
  }); 
});
$(function(){
	$("#sosuolike").click(function(){
		location.href="ns.do?op1=filesminsel1&strLike="+$("#searchlike").val()+"&page=1&pageSize="+${requestScope.pageData.pageSize==null?10:requestScope.pageData.pageSize};
	});
}); -->
</script>



<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="ns.do?op1=zhexiandenglu">JCP人事管理系统</a></div>
        <div class="open-nav"><i class="iconfont">&#xe699;</i></div>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;">admin</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a href="login.jsp">切换帐号</a></dd>
              <dd><a href="login.jsp">退出</a></dd>
            </dl>
          </li>
          
        </ul>
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
    <div class="wrapper">
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
          <div id="side-nav">
            <ul id="nav">
                <li class="list" current>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe761;</i>
                        公告管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="ns.do?op1=login">
                                <i class="iconfont">&#xe6a7;</i>
                                	公告列表
                            </a>
                            
                        </li>
                    </ul>
                </li>
                <li class="list">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe70b;</i>
                        员工管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="ns.do?op1=Usersel">
                                <i class="iconfont">&#xe6a7;</i>
                                	员工列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        岗位管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="ns.do?op1=postSel">
                                <i class="iconfont">&#xe6a7;</i>
                             	  岗位列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        部门管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" style="display:none">
                        <li>
                            <a href="ns.do?op1=deptsel">
                                <i class="iconfont">&#xe6a7;</i>
                         	      部门列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        档案管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" style="display:none">
                        <!-- <li>
                            <a href="files_1.jsp">
                                <i class="iconfont">&#xe6a7;</i>
                          	      添加档案
                            </a>
                        </li> -->
                        <li>
                            <a href="ns.do?op1=filesminsel">
                                <i class="iconfont">&#xe6a7;</i>
                          	      查看档案
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        考勤管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" style="display:none">
                        <li>
                            <a href="ns.do?op1=zhousel">
                                <i class="iconfont">&#xe6a7;</i>
                           	     考勤统计图
                            </a>
                        </li>

                    </ul>
                </li>

            </ul>
          </div>
        </div>
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
          <div class="content">
            <!-- 右侧内容框架，更改从这里开始 -->
            <form class="layui-form xbs" action="ns.do?op1=fileminpagesel1" method="post"  >
                <div class="layui-form-pane" style="text-align: center;">
                  <div class="layui-form-item" style="display: inline-block;">
                    
                    <div class="layui-input-inline">
                      <input type="text" name="username2" id="username2"  placeholder="请输入用户名" autocomplete="off" class="layui-input" value="${sessionScope.strLike}">
                   		
                   		
                    </div>
                    <div class="layui-input-inline" style="width:80px">
                        <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                    </div>
                  </div>
                </div> 
            </form>
            
            <table class="layui-table">
            
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" name="" value="">
                        </th>
                        <th>
                            档案编号
                        </th>
                        <th>
                            姓名
                        </th>
                        <th>
                           身份证
                        </th>
                        <th>
                           手机号码
                        </th>
                         <th>
                           操作
                        </th>
                    </tr>
                </thead>
                
               <c:if test="${requestScope.notices!=null}">
					<c:forEach var="notices" items="${requestScope.notices.data}">
             
                <tbody>
                    <tr>
                        <td>
                            <input type="checkbox" value="1" name="">
                        </td>
                        <td>${notices.fileId}</td>
                        <td >${notices.userName}</td>
                         <td>
                         ${notices.cardId}
                        </td>
                        <td >
                           ${notices.phone}
                        </td>
                        <td class="td-manage">
                            <a style="text-decoration:none" onclick="member_stop(this,'10001')"  href="ns.do?op1=fileswheresel&fileId=${notices.fileId}" title="查看并编辑">
                                <i class="layui-icon">&#xe601;</i>
                            </a>

                            <a title="删除" id="del1" href="javascript:;" onclick="member_del(this,'1')" 
                            style="text-decoration:none">
                                <i class="layui-icon">&#xe640;</i>
                            </a>
                        </td>
                    </tr>
                    </c:forEach>
							</c:if>
                </tbody>
            </table>
            <!-- 右侧内容框架，更改从这里结束 -->
            <div id="demo2"></div>
          </div>
        </div>
        
        <!-- 右侧主体结束 -->
    </div>
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">Copyright ©2017 x-admin v2.3 All Rights Reserved. 本后台系统由X前端框架提供前端技术支持</div>  
    </div>
    <!-- 底部结束 -->
    <!-- 背景切换开始 -->
    <div class="bg-changer">
        <div class="swiper-container changer-list">
            <div class="swiper-wrapper">
                 <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/a.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/b.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/c.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/d.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/e.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/f.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/g.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/h.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/i.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/j.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="backstageCSSandJS/images/k.jpg" alt=""></div>
                <div class="swiper-slide"><span class="reset">初始化</span></div>
            </div>
        </div>
        <div class="bg-out"></div>
        <div id="changer-set"><i class="iconfont">&#xe696;</i></div>   
    </div>
    <!-- 背景切换结束 -->
    <!-- 页面动态效果 -->
    <script>

       
        /*查看详细档案并编辑*/
        function member_show(title,url,id,w,h){
            x_admin_show(title,url,w,h);
        }

	
        
        
       
        
        </script>
        <!-- 分页开始 -->
        	<script src="backstageCSSandJS/layui/layui.js" charset="utf-8"></script>
        <script>
			layui.use(['laypage', 'layer'], function(){
				
  				var laypage = layui.laypage
  				,layer = layui.layer;
  		laypage({
	    		cont: 'demo2'//装载分页的容器
	    		,pages:${notices.totalPage}//一共有几页
	    		  //当前页数
	    		,curr:${notices.page} 
	    		,skin: '#1E9FFF'//控制分页皮肤
	    		
	    		,jump: function(data,first){

	    			if(!first){
	    				location.href="ns.do?op1=fileminpagesel1&curr="+data.curr+"&username2="+document.getElementById("username2").value;
	    			}
	    		}
	  		});
			});
			
        <!-- 分页结束 -->
        </script>
</body>
</html>